html,body{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
/*背景图*/
.bg{
	background-image: url(../img/bg5.jpg);
	background-repeat: round;
	width: 100%;
	height: 100%;
	opacity: 0.8;
	background-repeat: no-repeat;
}
/*标题栏*/
.head-frame{
	width: 100%;
	height: 50px;
}
.head-frame .head-panel{
	width: 1500px;
	height: 100%;
	margin: 0 auto;
	
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
}
.head-frame .head-panel .search{
	width: 300px;
	height: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
}
.head-frame .head-panel .search .search-field{
	height: 26px;
	width: 200px;
	border: 1px solid deepskyblue;
}
 .head-frame .head-panel .ctrl{
	width: 200px;
	height: 100%;
	
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: center;
}
 .head-frame .head-panel .ctrl .my12306{
 	font-size: 20px;
 	color: deepskyblue;
 	cursor: pointer;
 }
.head-frame .head-panel .ctrl .line{
	width: 2px;
	height: 40%;
	background-color: deepskyblue;
}
.head-frame .head-panel .ctrl .font{
	font-size: 15px;
	color: darkgray;
	cursor: pointer;
}
/*菜单栏*/
.menu-frame{
	width: 100%;
	height: 50px;
	background-color: dodgerblue
}
.menu-frame .menu-panel{
	width: 1500px;
	height: 100%;
	margin: 0 auto;
	
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	background-color: dodgerblue
}
.menu-frame .menu-panel .menuValue{
	width: 500px;
	height: 100%;
	color: white;
	font-size: 20px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
}
.menu-frame .menu-panel .item{
	background-color: blue
}
.menu-frame .menu-panel .menuValue:hover{
	background-color: blue;
	cursor: pointer;
}
/*输入栏*/
.input-frame{
	width: 100%;
	height: 65px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
}
.input-frame .input-panel{
	width: 1500px;
	height: 100%;
	margin: 0 auto;
	
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: center;
	background-color: lightgray;
	border: 2px solid deepskyblue;
	border-radius: 10px;
}
.input-frame .input-panel .ctrl{
	width: 1500px;
	height: 100%;
	
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: center;
}
.input-frame .input-panel .ctrl .line{
	width: 2px;
	height: 80%;
	background-color: deepskyblue;
}
.input-frame .input-panel .ctrl .start .startstation-field{
	height: 26px;
	width: 100px;
	border: 2px solid lightslategray;
	border-radius: 5px;
}
.input-frame .input-panel .ctrl .destination .destination-field{
	height: 26px;
	width: 100px;
	border: 2px solid lightslategray;
	border-radius: 5px;
}
.input-frame .input-panel .ctrl .start-time .start-time-field{
	height: 26px;
	width: 100px;
	border: 2px solid lightslategray;
	border-radius: 5px;
}
.input-frame .input-panel .ctrl .arrive-time .arrive-time-field{
	height: 26px;
	width: 100px;
	border: 2px solid lightslategray;
	border-radius: 5px;
}
.input-frame .input-panel .ctrl .btn .searchbtn{
	width: 120px;
	height: 30px;
	margin: 0 auto;
	color: white;
	background-color: orange;
	border-radius: 5px;
}
.input-frame .input-panel .ctrl .btn .searchbtn:hover{
	background-color: deeppink;
	cursor: pointer;
}
/*车票*/
.data-table{

	border-collapse: collapse;
	width: 1500px;
	margin-top: 50px;
	margin-left: 210px;
	border: 1px solid blueviolet;


}
.data-table tr{
	height: 30px;
	font-size: 20px;
	font-family: 华文宋体;
	font-weight: bold;
	color: black;
}

.data-table .data-td{
	/*border: 2px solid pink;*/
	text-align: center;
}
.data-table .data-col{
	background-color: deepskyblue;
	color: black;
	font-family: 幼圆;
	height: 80px;
	font-size: 20px;
}
.buyBtn{
	/*border: 0;*/
	margin: 0 auto;
	width: 65PX;
	height: 30px;
	background-color: lightseagreen;
	border-radius: 5PX;
}
.backBtn{
	/*border: 0;*/
	margin: 0 auto;
	width: 65PX;
	height: 30px;
	background-color: blueviolet;
	border-radius: 5PX;
}
.pager-btn{
	font-size: 20px;
	background-color: paleturquoise;
	font-weight: bold;
	color: black;
	border-radius: 5px;
	font-family: 华文彩云;
}
.pager-btn font{
	font-size: 20px;
	background-color: paleturquoise;
	font-weight: bold;
	color: black;
	border-radius: 5px;
	font-family: 华文彩云;
}
.page {
	font-size: 20px;
	font-weight: bold;
	color: black;
	font-family: 华文彩云;
}
.page font{
	font-size: 20px;
	font-weight: bold;
	color: black;
	font-family: 华文彩云;
}
table tbody tr:nth-child(odd) {
	background-color: mistyrose;
}
table tbody tr:nth-child(even) {
	background-color: lightgray;
}
.table .buyBtn:hover{
	cursor: pointer;
}
/*备注*/
.other{
	width: 100%;
	height: 100px;
	background-color: darkgray;
	text-align: center;
	/*display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;*/
	position: absolute;
	bottom: 0;
}
.other .o1{
	padding-top: 40px;
}

/*.tips{*/
/*	width: 99%;*/
/*	height: 200px;*/
/*	background-color: darkgray;*/
/*	text-align: center;*/
/*	!*display: flex;*/
/*	flex-direction: row;*/
/*	flex-wrap: nowrap;*/
/*	justify-content: center;*/
/*	align-items: center;*!*/
/*	position: absolute;*/
/*	bottom: 0;*/
/*}*/

.pager{

	text-align: center;
	margin-top: 30px;
	font-size: 20px;
	font-family: 幼圆;
}
.pager .pager-btn{
	width: 100px;
	height: 30px;
	font-size: 20px;
	font-family: 幼圆;

}
/*新增界面*/
.add-frame{
	width: 100%;
	height: 100%;
	background-color: rgba(200,200,200,0.5);

	position: absolute;
	top: 0;
	left: 0;

	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;

	display: none;
}
.add-frame .add-panel{
	width: 400px;
	height: 350px;
	border: 2px solid  deepskyblue;
	background-color: white
}
.add-frame .add-panel .add-title{
	width: 100%;
	height: 50px;
	font-family: 楷体;
	font-size: 20px;

	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;

	background-color: lightseagreen;
	color: white;
}
.add-frame .add-panel .add-content{
	width: 100%;
	height: 300px;

	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
}
.add-frame .add-panel .btn-panel{
	width: 220px;
	height: 50px;

	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
}
.add-frame .add-panel .add-content .add-field{
	width: 200px;
	height: 30px;
	margin-top: 10px;
}
.add-frame .add-panel .add-content .opt-panel{
	width: 210px;
	height: 35px;
	margin-top: 5px;
}
.add-frame .add-panel .add-content .add-btn{
	width: 100px;
	height: 40px;
	font-size: 20px;
	font-family: 楷体;
	background-color: lightseagreen;
	/*border: 1px solid pink;*/
	border-radius: 10px;

	margin-top: 80px;
}
